<script setup lang="ts">
import { useGlobalStore } from "@/stores/modules/global";
import Home from "./home/index.vue";
import Mine from "./mine/index.vue";
import ShopCar from "./shopCar/index.vue";

import ShopClassify from "./shopClassify/index.vue";

const globalStore = useGlobalStore();

const currentSelectedValue = computed(() => globalStore.initialState.currentSelectedValue);
</script>

<template>
  <Home v-if="currentSelectedValue === 0" />
  <ShopClassify v-if="currentSelectedValue === 1" />
  <ShopCar v-if="currentSelectedValue === 2" />
  <Mine v-if="currentSelectedValue === 3" />
</template>
